<!DOCTYPE html>
<!-- saved from url=(0050)http://www.duitang.com/life_artist/index/#/create/ -->
<html ng-app="app" class="ng-scope">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style id="mceDefaultStyles" type="text/css">
        .mce-content-body div.mce-resizehandle {
            position: absolute;
            border: 1px solid black;
            background: #FFF;
            width: 7px;
            height: 7px;
            z-index: 10000
        }

        .mce-content-body .mce-resizehandle:hover {
            background: #000
        }

        .mce-content-body img[data-mce-selected],
        .mce-content-body hr[data-mce-selected] {
            outline: 1px solid black;
            resize: none
        }

        .mce-content-body .mce-clonedresizable {
            position: absolute;
            outline: 1px dashed black;
            opacity: .5;
            filter: alpha(opacity=50);
            z-index: 10000
        }

        .mce-content-body .mce-resize-helper {
            background: #555;
            background: rgba(0, 0, 0, 0.75);
            border-radius: 3px;
            border: 1px;
            color: white;
            display: none;
            font-family: sans-serif;
            font-size: 12px;
            white-space: nowrap;
            line-height: 14px;
            margin: 5px 10px;
            padding: 5px;
            position: absolute;
            z-index: 10001
        }

        .mce-visual-caret {
            position: absolute;
            background-color: black;
            background-color: currentcolor;
        }

        .mce-visual-caret-hidden {
            display: none;
        }

        *[data-mce-caret] {
            position: absolute;
            left: -1000px;
            right: auto;
            top: 0;
            margin: 0;
            padding: 0;
        }

        .mce-content-body .mce-offscreen-selection {
            position: absolute;
            left: -9999999999px;
        }

        .mce-content-body *[contentEditable=false] {
            cursor: default;
        }

        .mce-content-body *[contentEditable=true] {
            cursor: text;
        }
    </style>
    <style type="text/css">
        [ng\:cloak],
        [ng-cloak],
        [data-ng-cloak],
        [x-ng-cloak],
        .ng-cloak,
        .x-ng-cloak,
        .ng-hide:not(.ng-hide-animate) {
            display: none !important;
        }

        ng\:form {
            display: block;
        }

        .ng-animate-shim {
            visibility: hidden;
        }

        .ng-anchor {
            position: absolute;
        }
    </style>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>堆糖文学</title>
    <meta name="keywords" content="堆糖">
    <meta name="description" content="堆糖">
    <!--<base href="/life_artist/index/">-->
    <base href=".">
    <link href="http://www.duitang.com/favicon.ico" rel="SHORTCUT ICON">
    <link rel="stylesheet" type="text/css" href="{{url('css/lib.558869d2.css')}}">
    <link rel="stylesheet" href="{{url('css/layout.7edd6dcd.css')}}">
    <script src="{{url('js/hm.js')}}"></script>
    <script src="{{asset('js/jquery.js')}}"></script>
    <script src="{{url('js/lib.bundle.a6ecd17d.js')}}"></script>
    <style>
        #box{
            width: 800px;
            height: auto;
            margin-left: 200px;
            text-align: center;
        }
        #article_title {
            width: 600px;
            height: 70px;

            font-size: 25px;
            font-weight: bold;
            vertical-align: bottom;
            border:none;
            padding-left: 15px;
            border-bottom: 2px solid lightgrey;
        }
        #article_content{
            margin-top:20px;
            border: none;
            font-size: 16px;
            padding: 5px;
        }
        #preview
        {
            width:800px;
            height:auto;
            text-align: center;
            border:none;
        }
        .img, img{
            width: 600px;
        }
        #upload{
            display: inline-block;
            width: 200px;
            height: 50px;
            border: 2px solid #fc8383;
            border-radius: 50px;
            font-size: 18px;
            color:#fc8383;
            line-height: 50px;
            cursor: pointer;
        }
    </style>
    <link rel="stylesheet" type="text/css" id="u0" href="{{url('css/skin.min.aafc86ed.css')}}">
    <link rel="stylesheet" href="{{url('css/skin.min.aafc86ed.css')}}">
    <link href="{{ asset('umeditor1.2.3-utf8-php/themes/default/css/umeditor.css') }}" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{{ asset('umeditor1.2.3-utf8-php/third-party/template.min.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('umeditor1.2.3-utf8-php/umeditor.config.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('umeditor1.2.3-utf8-php/umeditor.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('umeditor1.2.3-utf8-php/lang/zh-cn/zh-cn.js') }}"></script>
</head>

<body spellcheck="false">
<div id="pgcSkin" data-css="{{url('css/skin.min.aafc86ed.css')}}"></div>
<!-- ngView: -->

<div class="container ng-scope" ng-view="">
    <div class="article ng-scope">
        <div class="article-nav">
            <a class="logo" href="{{url('home/homepage')}}"></a>
            <div class="nav-btns">
                <form action="{{url('user/addarticle')}}" method="post" enctype="multipart/form-data">
                <div class="opt-btns">
                        <!-- ngIf: article.previewEnabled == true -->
                    <input class="a-btn save ng-binding" type="submit" value="发布">
                </div>
            </div>
        </div>
        <div id="box">
            {{csrf_field()}}
            <input type="hidden" name="id" value="{{session('user_id')}}">
            <div id="preview"></div>
            <input type="file" name="pic" onchange="preview(this)" style="position: absolute;width: 200px;height: 50px;opacity: 0;cursor: pointer;" /><span id="upload">上传图片</span>
            <script type="text/javascript">
                function preview(file)
                {
                    var prevDiv = document.getElementById('preview');
                    if (file.files && file.files[0])
                    {
                        var reader = new FileReader();
                        reader.onload = function(evt){
                            prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';
                        }
                        reader.readAsDataURL(file.files[0]);
                    }
                    else
                    {
                        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
                    }
                }
            </script>

        <input type="text" id="article_title" name="title" value="" placeholder="请在此输入标题">
        </div>
            <input type="hidden" id="content" name="contents" value="" >
            {{--<textarea  id="article_content" cols="90" rows="30" placeholder="在此输入内容"></textarea>--}}
            <script type="text/plain" id="myEditor" style="width:1000px;height:240px;">
                    <p>请在此输入内容</p>
             </script>

        </form>

<!--audio tmpl-->

</div>
<script src="{{url('js/pgcCommon.f439ee64.js')}}"></script>
<script>
    //实例化编辑器
    var um = UM.getEditor('myEditor');

    $('#myEditor').blur(function () {
        var content = UM.getEditor('myEditor').getContent();
          $('#content').val(content);
        //console.log(content);
    })


</script>
</div>
</body>
</html>
